<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <!-- necessary -->
    <meta name="keywords" content="1,2,3">
    <meta name="description" content="">
    <!-- description -->
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>免费报告</title>
    <!-- base -->

    <link href="../../css/comm/bootstrap.css" rel="stylesheet">
    <link href="../../css/comm/base.css" rel="stylesheet">
    <link href="../../css/bisserve/bisserve.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="min-h-100s">
    <div class="clear affix t-0 b-56 h-auto full-w pt-15 pb-15 pl-20 pr-20">
        <div class="clear full-wh bg-B1E0C4 radius-5">
            <div class="clear">
                <div class="clear col-xs-6 pl-0 pr-0">
                    <canvas id="myChart" width="100%" height="100%"></canvas>
                </div>
                <div class="clear col-xs-6 pr-20 pl-0 pt-15-5-iphone5">
                    <div class="clear">
                        <p class="line-h-20 clear pt-5 pb-5">
                            <span class="img-20 pull-left bg-26B99A radius-5"></span>
                            <span class="col-26B99A ml-10 f-14 pull-leftl">正常心率</span>
                            <span class="col-26B99A f-14 pull-right">70%</span>
                        </p>
                        <p class="line-h-20 clear pt-5 pb-5">
                            <span class="img-20 pull-left bg-D9534F radius-5"></span>
                            <span class="col-D9534F ml-10 f-14 pull-leftl">过快心率</span>
                            <span class="col-D9534F f-14 pull-right">10%</span>
                        </p>
                        <p class="line-h-20 clear pt-5 pb-5">
                            <span class="img-20 pull-left bg-F0AD4E radius-5"></span>
                            <span class="col-F0AD4E ml-10 f-14 pull-leftl">过慢心率</span>
                            <span class="col-F0AD4E f-14 pull-right">20%</span>
                        </p>
                        <div class="clear full-w text-center pt-5">
                            <button class="col-white ptb-10-5-iphone5 full-w f-14 bor-none radius-5 bg-26B99A hovfocact-2ACFAC">
                                平均心率：<span class="col-white">77</span>
                            </button>
                        </div>
                    </div> 
                </div>
            </div>
            <div class="clear pl-20 pr-20">
                <div class="clear full-w">
                    <p class="f-16 pt-5 pb-5 col-26B99A">
                        卒中风险：<span class="col-26B99A">低</span>
                    </p>
                    <div class="progress mb-5 radius-0">
                      <div class="progress-bar bg-26B99A progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                        <span class="sr-only">40% Complete (success)</span>
                      </div>
                    </div>
                    <p class="f-16 pt-5 pb-5 col-26B99A">
                        呼吸中断风险：<span class="col-F0AD4E">中</span>
                    </p>
                    <div class="progress mb-5 radius-0">
                      <div class="progress-bar bg-F0AD4E  progress-bar-striped active" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                        <span class="sr-only">60% Complete (warning)</span>
                      </div>
                    </div>
                    <p class="f-16 pt-5 pb-5 col-D9534F">
                        心脏性猝死风险：<span class="col-D9534F">高</span>
                    </p>
                    <div class="progress mb-5 radius-0">
                      <div class="progress-bar bg-D9534F  progress-bar-striped active" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                        <span class="sr-only">60% Complete (warning)</span>
                      </div>
                    </div>
                </div>
                <div class="clear full-w pt-5 pb-5">
                    <p class="f-16 pt-10 pb-10 col-26B99A">
                        总结：
                    </p>
                    <div class="clear full-w bg-white radius-5">
                        <p id="layer-testv1" class="f-16 col-26B99A line-h-25 text-line-3 pt-5 pb-5 pl-10 pr-10">
                            您的心脏非常健康，心率平稳正常，两项风险偏高，一项偏中，请尽快就医接收治疗并随身携带药物。
                            您的心脏非常健康，心率平稳正常，两项风险偏高，一项偏中，请尽快就医接收治疗并随身携带药物。
                            您的心脏非常健康，心率平稳正常，两项风险偏高，一项偏中，请尽快就医接收治疗并随身携带药物。
                        </p>
                    </div>
                    <!-- 弹出层的内容 -->
                    <div class="clear dis-n layerfortestv1">
                        <p id="layer-testv1" class="f-16 col-333 line-h-25 pt-5 pd-15">
                            您的心脏非常健康，心率平稳正常，两项风险偏高，一项偏中，请尽快就医接收治疗并随身携带药物。
                            您的心脏非常健康，心率平稳正常，两项风险偏高，一项偏中，请尽快就医接收治疗并随身携带药物。
                            您的心脏非常健康，心率平稳正常，两项风险偏高，一项偏中，请尽快就医接收治疗并随身携带药物。
                        </p>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <div class="clear h-56 pos-a b-0 l-0 bg-A0D8FB full-w pl-20 pr-20 pt-8 pb-8">
        <div class="col-xs-9 pl-0 pr-10">
            <p class="line-h-20 f-14 col-white text-line-2 family-h">
                了解更多心脏健康细节，建议选择15分钟深度监测或24小时全面监测，悉心知你心。
            </p>
        </div>
        <div class="col-xs-3 pl-5 pr-0 h-40">
            <button class="btn btn-primary full-wh text-center pl-0 pr-0 bg-4BCCA4 bor-none hovfocact-5CFFCD">
                马上监测
            </button>
        </div>
    </div>

    <script src="../../js/comm/jquery.min.js"></script>
    <script src="../../js/comm/bootstrap.js"></script>
    <script src="../../ctrl/layer/layer.js"></script>
    <script src="../../js/comm/Chart.bundle.min.js"></script>
    <script src="../../js/report/freeofreport.js"></script>
    <script>
        var contentval = $(".layerfortestv1").html();
        $('#layer-testv1').on('click', function(){
          layer.open({
              type: 1,
              title :['总结','font-size:16px;'],
              skin: 'layui-layer-rim', //加上边框
              area: ['90%'], //宽高
              content: contentval,
            });
        });
    </script>
</body>

</html>